<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        <%= htmlWebpackPlugin.options.title%>
    </title>
    <script>
        // 计算html font-size
        // 保证7.5rem等于屏幕宽度
        (function (f, j) {
            var i = document,
                d = window;
            var b = i.documentElement;
            var c;

            function g() {
                var k = b.getBoundingClientRect().width;
                if (!j) {
                    j = 1080
                }
                if (k > j) {
                    k = j
                }
                var l = k * 100 / f;
                b.style.fontSize = (l > 100 ? 100 : l) + "px";
            }
            g();
            d.addEventListener('resize', g)
            d.addEventListener("pageshow", function (k) {
                if (k.persisted) {
                    clearTimeout(c);
                    c = setTimeout(g, 300)
                }
            }, false)
        })(750, 1080);
    </script>
</head>

<body>
    <div class="video-error">播放出错，请稍后重试</div>
    <div class="video-info">当前站点没有摄像头</div>
    <video id="queueVideo" webkit-playsinline='true' playsinline='true' >
        your browser does not support the video tag
    </video>
    <div id="videoPalyBtn"></div>
    <div class="tips-area">
        <span class='tips-title'>温馨提示：</span>
        <p>请在前往本店进行无人洗车前，查看现场视频，了解排队状况，避免排队等候。</p>
    </div>
    <a href="javascript:history.go(-1)" class="back">
        <span>返回</span>
    </a>
    <a id="navigation" href="navigation.html?id=1" class="navigation">
        <span>地图导航</span>
    </a>
</body>

</html>